.fitnessContent {
    overflow: hidden;
    min-height: 100vh;
    background-color: #fcfcfe;
    // background-color: red;
    .fitnessContent-head {
        color: #9a9b9f;
        background-color: #fff;
        height: 134rpx;
        display: flex;
        align-items: center;
        font-size: 30rpx;
        padding: 0 40rpx;
        line-height: 30rpx;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        width: 100%;
      .fitnessContent-head-item {
        margin-right: 60rpx;
      } 
      .fitnessContent-head-item-acitve{
            color: #505050;
            font-size: 36rpx;
            line-height: 36rpx;
            position: relative;
            &::after{
                position: absolute;
                bottom: -22rpx;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                display: inline-block;
                background-color: #aab7fb;
                width: 30rpx;
                height: 6rpx;
                border-radius: 3rpx;
            }
      }
    }

    // 计划
    .fitnessContent-plan {
      .fitnessContent-plan-content {
        // margin-top: 24rpx;
        margin-top: 150rpx;
        background-color: #fff;
        overflow: hidden;
        padding-top: 70rpx;


        .fitnessContent-plan-item{
          display: flex;
          padding: 0 64rpx;
          height: 368rpx;
          .fitnessContent-plan-item-left {
            margin-right: 36rpx;
            width: 50rpx;
            display: flex;
            justify-content: center;
            .fitnessContent-plan-item-left-circle {
              border: 6rpx solid #7e6ef5;
              border-radius: 50%;
              width: 26rpx;
              height: 26rpx;
              position: relative;
              &::before{
                position: absolute;
                bottom: -340rpx;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                display: inline-block;
                width: 2rpx;
                height: 336rpx;
                background-color: #7e6ef5;
              }
            }
          }
    
          .fitnessContent-plan-item-right {
            width: 524rpx;
            position: relative;
            .fitnessContent-plan-item-right-head {
              // background-color: #7e6df7;
              
              height: 78rpx;
              color: #000000;
              border-top-left-radius: 9rpx;
              border-top-right-radius: 9rpx;
              overflow: hidden;
              .fitnessContent-plan-item-right-head-container{
                margin-top: 15rpx;
                display: flex;
                align-items: center;
                .fitnessContent-plan-item-right-head-num {
                  font-size: 18rpx;
                  padding: 0 22rpx;
                  border-right: 1rpx solid #222222;
                  line-height: 18rpx;
                  height: 18rpx;
                  margin-right: 25rpx;
                  font-weight: bold;
              }
    
              .fitnessContent-plan-item-right-head-date {
                font-size: 20rpx;
              }
              }
      
            }
    
            .fitnessContent-plan-item-right-content {
              border-radius: 9rpx;
              height: 224rpx;
              background-color: #fff;
              // box-shadow: 0 5rpx 10rpx #efeff1;
              box-shadow: 0 5rpx 10rpx #dadada;
              position: absolute;
              left: 0;
              top: 68rpx;
              width: 100%;
              display: flex;
              padding-top: 52rpx;
              padding-left: 26rpx;
              box-sizing: border-box;
              .fitnessContent-plan-item-right-content-left {
                width: 172rpx;
                height: 114rpx;
                background-color: #898a8f;
                margin-right: 30rpx;
              } 
    
              .fitnessContent-plan-item-right-content-right {
                display: flex;
                align-items: center;
                height: 114rpx;
                .fitnessContent-plan-item-right-content-right-content{
                  .fitnessContent-plan-item-right-content-right-title {
                    font-size: 24rpx;
                    line-height: 24rpx;
                    color: #4f4f4f;
                    font-weight: bold;
                    padding: 0 4rpx;
                  }
      
                  .fitnessContent-plan-item-right-content-right-coach {
                    font-size: 20rpx;
                    line-height: 20rpx;
                    color: #5f5f5f;
                    margin-top: 14rpx;
                    padding: 0 4rpx;
                  }
      
                  .fitnessContent-plan-item-right-content-right-btn {
                    margin-top: 12rpx;
                    color: #5b5b5b;
                    font-size: 20rpx;
                    display: flex;
                    align-items: center;
                    .colorfe6834{
                      color: #fe6834;
                    }
                    .line{
                      margin: 0 10rpx;
                      font-size: 16rpx;
                    }
                  }
                }
    
              }
            }
          }
        }


        .fitnessContent-plan-item:nth-child(1){
          display: flex;
          padding: 0 64rpx;
          height: 368rpx;
          .fitnessContent-plan-item-left {
            margin-right: 36rpx;
            width: 50rpx;
            display: flex;
            justify-content: center;
            .fitnessContent-plan-item-left-circle {
              border: 6rpx solid #7e6ef5;
              border-radius: 50%;
              width: 38rpx;
              height: 38rpx;
              position: relative;
              &::before{
                position: absolute;
                bottom: -328rpx;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                display: inline-block;
                width: 2rpx;
                height: 324rpx;
                background-color: #7e6ef5;
              }
            }
          }
    
          
          .fitnessContent-plan-item-right {
            width: 524rpx;
            position: relative;
            .fitnessContent-plan-item-right-head {
              background-color: #7e6df7;
              height: 78rpx;
              color: #fff;
              border-top-left-radius: 9rpx;
              border-top-right-radius: 9rpx;
              overflow: hidden;
              .fitnessContent-plan-item-right-head-container{
                margin-top: 15rpx;
                display: flex;
                align-items: center;
                .fitnessContent-plan-item-right-head-num {
                  font-size: 36rpx;
                  padding: 0 22rpx;
                  border-right: 2rpx solid #fff;
                  line-height: 36rpx;
                  height: 36rpx;
                  margin-right: 25rpx;
              }
    
              .fitnessContent-plan-item-right-head-date {
                font-size: 20rpx;
              }
              }
      
            }
    
            .fitnessContent-plan-item-right-content {
              border-radius: 9rpx;
              height: 224rpx;
              background-color: #fff;
              // box-shadow: 0 5rpx 10rpx #efeff1;
              box-shadow: 0 5rpx 10rpx #dadada;
              position: absolute;
              left: 0;
              top: 68rpx;
              width: 100%;
              display: flex;
              padding-top: 52rpx;
              padding-left: 26rpx;
              box-sizing: border-box;
              .fitnessContent-plan-item-right-content-left {
                width: 172rpx;
                height: 114rpx;
                background-color: #898a8f;
                margin-right: 30rpx;
              } 
    
              .fitnessContent-plan-item-right-content-right {
                display: flex;
                align-items: center;
                height: 114rpx;
                .fitnessContent-plan-item-right-content-right-content{
                  .fitnessContent-plan-item-right-content-right-title {
                    font-size: 24rpx;
                    line-height: 24rpx;
                    color: #4f4f4f;
                    font-weight: bold;
                    padding: 0 4rpx;
                  }
      
                  .fitnessContent-plan-item-right-content-right-coach {
                    font-size: 20rpx;
                    line-height: 20rpx;
                    color: #5f5f5f;
                    margin-top: 14rpx;
                    padding: 0 4rpx;
                  }
      
                  .fitnessContent-plan-item-right-content-right-btn {
                    margin-top: 12rpx;
                    color: #5b5b5b;
                    font-size: 20rpx;
                    display: flex;
                    align-items: center;
                    .colorfe6834{
                      color: #fe6834;
                    }
                    .line{
                      margin: 0 10rpx;
                      font-size: 16rpx;
                    }
                  }
                }
    
              }
            }
          }
        }



      }
    }

    // 课程
    .fitnessContent-course {
        .fitnessContent-course-top {
            // margin-top: 24rpx;
            margin-top: 150rpx;
            overflow: hidden;
            padding-bottom: 70rpx;
            background-color: #fff;
          .fitnessContent-course-top-timeTitle {
                color: #8a8b8f;
                font-size: 26rpx;
                line-height: 26rpx;
                margin-top: 38rpx;
                padding: 0 44rpx;
          }
      
          .fitnessContent-course-top-time {
              margin-top: 30rpx;
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 0 44rpx;
            .fitnessContent-course-top-time-left {
                color: #4f4f4f;
                font-size: 80rpx;
                line-height: 80rpx;
              text {
                font-size: 24rpx;
              }
            }
      
            .fitnessContent-course-top-time-right {
                width: 15rpx;
                height: 15rpx;
                // background-color: #8279ea;
                display: flex;
                align-items: center;
                image{
                  width: 100%;
                  height: 100%;
                }
            }
          }
          .fitnessContent-course-top-content{
              padding:0 22rpx;
              display: flex;
              justify-content: space-between;
            .fitnessContent-course-top-item{
                background-color: #8279ea;
                width: 344rpx;
                height: 145rpx;
                border-radius: 8rpx;
                position: relative;
                image{
                  border-radius: 8rpx;
                  width: 100%;
                  height: 100%;
                }
                .fitnessContent-course-top-item-text{
                    font-size: 24rpx;
                    color: #fff;
                    position: absolute;
                    left: 18rpx;
                    bottom: 20rpx;
                }
            }
          }
        }
      
        .fitnessContent-course-bottom {
            margin-top: 24rpx;
            padding: 0 44rpx;
            overflow: hidden;
            background-color: #fff;
            padding-bottom: 40rpx;
          .fitnessContent-course-bottom-title {
            margin-top: 52rpx;
            font-size: 28rpx;
            color: #141414;
            line-height: 36rpx;
            display: flex;
            align-items: center;
            &::before{
              margin-right: 12rpx;
              content:"";
              background-color: #abb7fa;
              width: 10rpx;
              height: 32rpx;
              border-radius: 5rpx;
              display: inline-block;
            }
            .fitnessContent-course-bottom-title-text {
              font-weight: bold;
            }
            
            .fitnessContent-course-bottom-title-more {
              font-size: 20rpx;
              color: #898a8f;
              border: 1rpx solid #898a8f;
              line-height: 28rpx;
              padding:0 15rpx;
              border-radius: 14rpx;
              margin-left: auto;
            }
          }
      
          .fitnessContent-course-bottom-content {
              margin-top: 34rpx;
            .fitnessContent-course-bottom-item {
                height: 135rpx;
                width: 100%;
                margin-bottom: 20rpx;
                // background-color: #7e6df7;
                // border-radius: 9rpx;
                display: flex;
                .fitnessContent-course-bottom-item-left {
                  width: 222rpx;
                  height: 135rpx;
                  margin-right: 40rpx;
                  image {
                    width: 100%;
                    height: 100%;
                  }
                }
                
                .fitnessContent-course-bottom-item-right {
                  display: flex;
                  align-items: center;
                  .fitnessContent-course-bottom-item-right-content{
                    .fitnessContent-course-bottom-item-right-title {
                      font-size: 30rpx;
                      color: #141414;
                      font-weight: bold;
                    }
                  
                    .fitnessContent-course-bottom-item-right-info {
                      margin-top: 10rpx;
                      color: #a1a1a5;
                      font-size: 20rpx;
                    }
                  }
  
                }
            }
          }
        }
      }
  }